<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type="text/javascript" src="../js/jquery.js"></script>
<script type="text/javascript" src="../js/formSubmission.js"></script>
<title>formSubmission</title>
<style type="text/css">
label{float:left; clear:left; width:200px;}
input{float: left;margin-bottom: 5px;}
input[type="submit"]{clear:left;}
#box{width:200px; height: 40px; background: pink; color: green;}
</style>
</head>
<body>

<form id="formSubmission">
	<fieldset>
		<label for="name">First Name</label>
		<input type="text"  id="name"/>
		<p class="errorName" style="display: none">Required</p>
		<label for="terms">I agree with the terms and conditions</label>
		<input type="checkbox" id="terms"/>
		<p class="error" style="display: none">You must agree with the terms and conditions</p>
		
		<input type="submit" value="submit"/>
	</fieldset>
</form>

</body>
</html>